<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script>
	function cargaMensajCentral(id) {
		$.ajax({
			url : '<s:url value="/mostrarDatosOfertaComentar.pilot"/>',
			dataType : "html",
			type : "POST",
			data : "codigoOferta=" + id,
			error : function(xhr, ajaxOptions, thrownError) {
				alert("Se genero un error");
			},
			success : function(datos) {
				$("#cargaDatosCentral").html(datos);
			}
		});
	}
</script>
</head>
<body>
	<table width="100%" border="0">
		<tr>
			<td>&nbsp;</td>
			<td>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<c:forEach items="${resultado.listadoSuperior}"
							var="listadoLateral">
							<td>
								<ul id="browser" class="buttonmenu">
									<li><a href="#"
										onclick="javascript: cargaMensajCentral('${listadoLateral.codigo}');"
										class="buttonmenu"><c:out value="${listadoLateral.nombre}" /></a>
									</li>
								</ul>
							</td>
						</c:forEach>
					</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td width="12%" rowspan="2" valign="top"><c:forEach
					items="${resultado.listadoLateral}" var="listadoLateral">

					<ul id="browser" class="buttonmenu">
						<li><a href="#"
							onclick="javascript: cargaMensajCentral('${listadoLateral.codigo}');">${listadoLateral.nombre}</a></li>
					</ul>
				</c:forEach></td>

		</tr>
		<tr>
			<td valign="top" align="center">&nbsp;&nbsp;&nbsp;&nbsp;
				<div id="cargaDatosCentral"></div>
			</td>
		</tr>
	</table>
</body>
</html>